<script setup lang="ts">
import { ref,computed, onMounted } from 'vue'
import {useStore} from "vuex";


const activeKey = ref<string>('1');
</script>

<template>
  <a-tabs v-model:activeKey="activeKey" centered style="text-align: center">
    <a-tab-pane key="1" :tab="$t('nav.swap')">
    </a-tab-pane>
    <a-tab-pane key="2" :tab="$t('swap.limit')" force-render>
      Content of Tab Pane 2
    </a-tab-pane>
    <a-tab-pane key="3" :tab="$t('swap.liquidity')">
      Content of Tab Pane 3
    </a-tab-pane>
  </a-tabs>
</template>

<style scoped>

</style>
